<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    表格   table tr th或者td  thead和tbody 

    表格的属性 width  height   border align  cellspacing  cellpadding  colspan  rowspan 

    em 和  strong  i和 b  sub和 sup  ins 和 del  短引用和长引用 

    空格 &nbsp;  大鱼号  小于号    版权  商标


    input (type)  和  button  



    css 基本语法  
    选择器{
        样式名:样式值;
        样式名:样式值;
        样式名:样式值;
    }

    基本选择器 :  class选择器   标签名选择   id选择器

    复杂选择器: 后代选择器  .header .nav{}   子代选择器

    并集选择器 (把多个选择器用逗号 合并在一块)  *(通配符)

    交集选择器  同时具备多个条件的 元素 .box.blue{}


    字体系列属性 
    颜色  color 
    大小   font-size 
    粗细  font-weight 
    斜体  font-style 
    家族   font-family 

    font: style weight size family; 



    文本系列属性 
    text-align   文本的对齐方式 
    line-height   文本的 行间距  
    line-height === 父类盒子的高度 ,  里边的文本 垂直居中 
    text-indent  首行缩进 

    letter-spacing   字符间距 
    word-spacing  单词间距


    css 的  书写位置  


    head 标签 里边  写在 style里边()内部样式

    标签内部书写   (行内样式)

    直接在 一个 css文件中 书写 ,然后 通过 link  标签 引入到 html  (外部样式)
 
</body>
</html>